<script setup>
import HomeCategory from './components/HomeCategory.vue'
import HomeBanner from './components/HomeBanner.vue'
import HomeNew from './components/HomeNew.vue'
import HomeHot from './components/HomeHot.vue'
import homeProduct from './components/HomeProduct.vue'
</script>

<template>
    <div class="index-con">
        <div class="container">
            <HomeCategory />
            <HomeBanner />
        </div>
        <!-- 内容组件 -->
        <div class="wrap">
            <HomeNew />
            <HomeHot />
            <homeProduct />
        </div>
        
    </div>
    
</template>
<style scoped>
.index-con{
    background: #f5f5f5;
}
.wrap{
    width: 1240px;
    margin: 0 auto;
}
</style>